﻿a {    color: #000;    text-decoration: none;}
ul, ol {    list-style: none outside none;}
.ft14{ font-size:14px;}
.center{ text-align:center;}
.clear{height:0px; clear:both; font-size:0px;}
.querybar{ padding:5px; border-bottom:1px solid #B8D0D6}
.querytable td{ height:25px; line-height:25px;}
.querytable .queryitem{ margin-right:25px;line-height:25px;}
.querytable .queryitem .querytitle{ display:inline-block; line-height:25px; width:80px}
.querytable .queryitem input,
.querytable .queryitem textarea,
.querytable .queryitem select
{
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    padding: 2px;
    background-color: #FFFFFF;
    border-color: #A2BAC0 #B8D0D6 #B8D0D6 #A2BAC0;}
    
.simplebutton
{
    background: url("images/button/button_s.png") no-repeat scroll 0 -0 transparent; 
    display: block;
    float: left;
    height: 25px;
    overflow: hidden;
    padding-left: 5px;}
.simplebutton .r
{
    background: url("images/button/button_s.png") no-repeat scroll 100% -50px transparent; 
    display: block;
    float: left;
    height: 25px;
    overflow: hidden;
    padding: 0 5px 0 0;}
.simplebutton button,.simplebutton input,.simplebutton .button
{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    margin: 0;
    padding: 0;
    width: auto;
}    
.simplebutton:hover{    background-position: 0 -100px; }
.simplebutton:hover .r{    background-position:100% -150px; }
.querybuttonbar .simplebutton{ float:right;}


.panelBar {
    border-bottom: 1px solid #B8D0D6;
    display: block;
    height: 25px;
    overflow: hidden;
    background: url("images/grid/grid.png") #EFEFEF repeat-x scroll 0 0;
}

.panelBar li {
    display: block;
    float: left;
    height: 23px;
    overflow: hidden;
    padding: 0 0 0 5px;
    margin:1px 3px 1px 0;
}
.panelBar .toolBar li:hover {
    background: url("images/grid/grid.png") repeat-x scroll 0 -100px transparent;
}
.panelBar .toolBar a{
    display: block;
    float: left;
    overflow: hidden;
    padding: 0 5px 0 0;
    text-decoration: none;
}
.panelBar .toolBar li:hover a
{
    background: url("images/grid/grid.png") repeat-x scroll 100% -150px transparent;    
}
.panelBar .toolBar span, .panelBar .toolBar li.hover span {
    cursor: pointer;
    display: block;
    float: left;
    height: 23px;
    line-height: 25px;
    overflow: hidden;
    padding: 0 0 0 25px;
    width:auto;
}

.panelBar .toolBar li.line {
    display: block;
    overflow: hidden;
    padding: 0;
    text-indent: -1000px;
    width: 12px;
    background: url("images/grid/grid.png") repeat-x scroll 5px -200px transparent;   
}



.plusitem .toolBar li:hover {
    background: url("images/grid/grid.png") repeat-x scroll 0 -100px transparent;
}
.plusitem .toolBar a{
    display: block;
    float: left;
    overflow: hidden;
    padding: 0 5px 0 0;
    text-decoration: none;
}
.plusitem .toolBar li:hover a
{
    background: url("images/grid/grid.png") repeat-x scroll 100% -150px transparent;    
}
.plusitem .toolBar span, .plusitem .toolBar li.hover span {
    cursor: pointer;
    display: block;
    float: left;
    height: 23px;
    line-height: 25px;
    overflow: hidden;
    padding: 0 0 0 25px;
    width:auto;
}

.plusitem .toolBar li.line {
    display: block;
    overflow: hidden;
    padding: 0;
    text-indent: -1000px;
    width: 12px;
    background: url("images/grid/grid.png") repeat-x scroll 5px -200px transparent;   
}



.listpage
{
    height: 100%;
    overflow: hidden;
    position: relative;
}
/* table */
.grid
{
    background: url("images/grid/tableth.png") repeat-x scroll 0 4px transparent;
}
.table
{
    z-index:1;
}
.table thead tr
{    
    height:25px;
}
.table thead tr th
{
     border-style: solid;
    border-width: 0 1px 1px 0;
    cursor: default;
    line-height: 21px;
    padding: 0 3px;
    vertical-align: middle;
    white-space: nowrap;
    border-color: #D0D0D0;
}
.table tbody tr td {
    border-bottom: 1px solid #EDEDED;
    border-right: 1px solid #EDEDED;
    line-height: 21px;
    overflow: hidden;
    padding: 0 3px;
    vertical-align: middle;
    border-color: #EDEDED;
}
.pageContent
{
    overflow:auto;
}
.pager
{
    bottom: 0;
    height: 25px;
    line-height:25px;
    position: absolute;
    width: 100%;
    background: url("images/grid/grid.png") repeat-x scroll 0 0  #EFEFEF;
    border-color: #B8D0D6;
    border-style: solid;
    border-width: 1px 0;
    display: block;
    overflow: hidden;
}
.pager .pagerinfo
{
    height:25px;
    line-height:25px;
    vertical-align:middle;
    float:left;
}
.pager .pagerbutton
{
    height:25px;
    line-height:25px;
    vertical-align:middle;
    padding-left: 7px;
    padding-right:10px;
    background: url("images/grid/grid.png") no-repeat scroll 0 -199px transparent;
    float:right;
}

.pager .pagerbutton li.disabled {
    background: none repeat scroll 0 0 transparent;
}
.pager .pagerbutton li, .pager .pagerbutton li.hover {
    background-position: 0 -100px;
    padding: 0 0 0 5px;
}
.pager .pagerbutton li {
    display: block;
    float: left;
    height: 25px;
    line-height:25px;
    overflow: hidden;
    vertical-align:middle;
    padding: 0 0 0 5px;
}
.pager .pagerbutton .selected a
{
     color:Red;
}

.pager .pagerbutton a, .pager .pagerbutton li.hover a,.pager .pagerbutton li span {
    background-position: 100% -150px;
    display: block;
    float: left;
    line-height: 25px;
    padding: 0 5px 0 0;
    text-decoration: none;
    vertical-align:middle;
}


.pager .pagerbutton li.jumpto .textInput {
    border-color: #ACAEAF;
    width: 30px;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 15px;
    height:17px;
    padding:0;
    vertical-align:middle;
}

.pager .pagerbutton li.jumpto .goto {
    background: url("images/grid/grid.png") no-repeat scroll 0 -650px transparent;

    border: 0 none;
    cursor: pointer;
    height: 19px;
    overflow: hidden;
    text-indent: -1000px;
    width: 16px;
    vertical-align:middle;
}


.pageFormContent .textInput {
    border-color: #ACAEAF;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 15px;
    height:17px;
    padding:2px 3px;
    vertical-align:middle;
}
.pageFormContent .textArea {
    border-color: #ACAEAF;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 15px;
    padding:2px 3px;
    vertical-align:middle;
}
.pageFormContent td
{
    height:30px;
}
.w16
{
    width:16px;
}
.w20
{
    width:20px;
}
.w30
{
    width:30px;
}
.w40
{
    width:40px;
}
.ipt
{
     background-color: #FFFFFF;
    border-color: #A2BAC0 #B8D0D6 #B8D0D6 #A2BAC0;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    padding: 2px;
}

.bgred{ background:#f2765e}
.bggreen{ background:#84bc5b}
.bgyellow{ background:#f9be64}
.bigred
{
    width:62px;
    height:64px;
    line-height:60px;
    background:url(../../project/bigRed.gif);
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    font-weight:bold;
    color:White;
    font-family:serif;
    display:inline-block;
}
.biggreen
{
    width:62px;
    height:62px;
    line-height:64px;
    background:url(../../project/bigGreen.gif);
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    font-weight:bold;
    color:White;
    font-family:serif;
    display:inline-block;
}
.datalegend
{
    width:129px; 
    height: 35px;
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 50px;
    font-family:serif;
    display:inline-block;
    background:url(../../project/datalegend.gif);
    
}

.smallred
{
    width:32px;
    height:32px;
    line-height:32px;
    background:url(../../project/smallRed.gif);
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    font-weight:bold;
    color:White;
    font-family:serif;
    display:inline-block;
}
.smallgreen
{
    width:32px;
    height:32px;
    line-height:32px;
    background:url(../../project/smallGreen.gif);
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    font-weight:bold;
    color:White;
    font-family:serif;
    display:inline-block;
}

.middlered
{
    width:45px;
    height:49px;
    line-height:49px;
    padding-right:5px;
    background:url(../../project/middleRed.gif);
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    font-weight:bold;
    color:White;
    font-family:serif;
    display:inline-block;
}
.middlegreen
{
    width:45px;
    height:49px;
    line-height:49px;
    padding-right:5px;
    background:url(../../project/middleGreen.gif);
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    font-weight:bold;
    color:White;
    font-family:serif;
    display:inline-block;
}
.redhuan,.greenhuan{
    width:153px;
    height:171px;
    position:relative;
    display:inline-block;
}
.redhuan
{
    background:url(images/btn-2.png) no-repeat;
}
.greenhuan{
    background:url(images/btn-1.png) no-repeat;
}
.redhuan .title,.greenhuan .title
{
    position:absolute; height:35px; line-height:30px; color:#FFFFFF; font-weight:bold; text-align:center;width:153px;
}
.redhuan .healthyvalue,.greenhuan .healthyvalue
{
    position:absolute; top:100px; width:60px; height:50px; line-height:50px;  font-weight:bold; text-align:center; color:#fff; font-size:16px;width:153px;
}
.redhuan .cxcx,.greenhuan .cxcx
{
     position:absolute; top:40px;height:25px; line-height:25px; color:#0da3f1;  text-align:center;width:179px; left:0;
}
.redhuan .rycx,.greenhuan .rycx
{
    position:absolute; top:67px;height:25px; line-height:25px; color:#0da3f1;  text-align:center;width:179px;left:0;
}

.historyrecord
{
    overflow: hidden;
    padding: 0 5px 0 0;
    text-decoration: none;
    display:inline-block;
}
.historyrecord span
{
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 23px;
    line-height: 25px;
    overflow: hidden;
    padding: 0 0 0 25px;
    width: auto;
     background: url("images/icon.png") no-repeat scroll 0 -200px transparent;
     color:#FF9900;
}

    .reporttable td,.reporttable th
{
    padding:5px;
    border:1px  solid #B8D0D6;
    vertical-align:middle;
    color:#183152;
    text-align:center;
}
.reporttable th
{
    text-align:center;
    background:#D8E6F0
}

.reporttable td,.reporttable th
{
    padding:5px;
}
.reporttable th
{
    text-align:center;
    vertical-align:top;
}
.vmiddle th
{
     vertical-align:middle;    
}
.reporttable th div
{
    width:20px; 
    display:inline-block; 
}
.vtr th {
    vertical-align: top;
}

.inputedheader
{
    background:#ffffcc!important;
}
.inputed
{
    background:#ffffff!important;
}
.calculated
{
    background:#E5EDEF!important;
}


.specialRed
{
    background:url(images/btn-5.png);
    width:175px;
    height:45px;
    display:inline-block;
    position:relative;
}
.specialGreen
{
    background:url(images/btn-6.png);
    width:175px;
    height:45px;
    display:inline-block;
    position:relative;
}
.specialRed .value,.specialGreen .value
{
    display:inline-block;
    position:absolute;
    left:8px;
    height:45px;
    width:50px;
    line-height:45px;
    text-align:center;
    color:White;
}

/*.specialRed .value
{
     color:red;
     font-size:14px;
     font-weight:bold;
}
.specialGreen .value
{
    color:green;
    font-weight:bold;
    font-size:14px;
}*/

.specialRed .rt,.specialGreen .rt
{
    display:inline-block;
    position:absolute;
    left:60px;
    top:2px;
    height:20px;
    width:100px;
    line-height:20px;
    text-align:left;
}
.specialRed .rb,.specialGreen .rb
{
    display:inline-block;
    position:absolute;
    left:60px;
    top:22px;
    height:20px;
    width:100px;
    line-height:20px;
    text-align:left;
}



.bigspecialRed
{
    background:url(images/btn-07.gif);
    width:215px;
    height:45px;
    display:inline-block;
    position:relative;
}
.bigspecialGreen
{
    background:url(images/btn-08.gif);
    width:215px;
    height:45px;
    display:inline-block;
    position:relative;
}
.bigspecialRed .value,.bigspecialGreen .value
{
    display:inline-block;
    position:absolute;
    left:10px;
    height:45px;
    width:50px;
    line-height:45px;
    text-align:center;
    color:White;
}

.bigspecialRed .rt,.bigspecialGreen .rt
{
    display:inline-block;
    position:absolute;
    left:62px;
    top:5px;
    height:35px;
    width:150px;
    line-height:17px;
    text-align:left;
}
.bigspecialRed .rb,.bigspecialGreen .rb
{
    display:inline-block;
    position:absolute;
    left:62px;
    top:25px;
    height:35px;
    width:150px;
    line-height:17px;
    text-align:left;
}

.reporttable th.tb_header_greenbg{ background:#92d050}
.tbheader_vertical th div{ width:20px;  white-space:normal}

.reporttable th.tb_header_lightbluebg{ background:#D8E6F0}
.tb_header_lightbluebg th div{ width:20px;  white-space:normal}

.pagetitle{ font-size:18px; text-align:center; padding:20px 0;}
.timeprogress{ margin:20px 0; width:400px; overflow:hidden; height:30px; line-height:30px; background:#fff; border:#ddd 3px solid;}
.timeprogress h5{ float:left; height:30px; width:100px; text-align:center; font-size:16px; line-height:30px; background:#92d050}
.timeprogress .progress{ float:right; width:300px; overflow:hidden; height:30px; position:relative;}
.timeprogress .progress span{ width:50px; height:30px; line-height:30px; display:block; text-align:center; font-size:20px; position:absolute; left:120px}
.timeprogress .progress .bar{ position:absolute; background:#ff0000; height:30px; left:0;}
.btnAf{ background:#dce6f2; border:#385d8a 3px solid;;  padding:15px 20px;}

.redPie
{
    display: inline-block;
    width:139px;
    height:138px;
    position:relative;
     background:url(../../project/redPie.gif);
}
.greenPie
{
    display: inline-block;
    width:139px;
    height:138px;
    position:relative;
     background:url(../../project/greenPie.gif);
}
.redPie .value,.greenPie .value
{
    display: inline-block;
    left:36px;
    top:36px;
    position:absolute;
    width:68px;
    height:68px;
    color:White;
    line-height:68px;
    text-align:center;
}
.pietitle
{
    width:139px;
    text-align:center;
    margin-top:10px;
    display: inline-block;
}
.rpttable{}
.rpttable td,.rpttable th{border:1px solid #B8D0D6; text-align:center;}
.rpttable div{ overflow:hidden;}
.rpttable .pd44{ padding:4px;}
.rpttable .pd55{ padding:5px 5px 5px 5px;}
.rpttable .pd510{ padding:5px 10px 5px 10px;}
.rpttable .pd515{ padding:5px 15px 5px 15px;}
.rpttable .pd520{ padding:5px 20px 5px 20px;}
.rpttable .pd530{ padding:5px 30px 5px 30px;}
.rpttable .wd20{ width:20px;}
.rpttable .wd30{ width:30px;}
.rpttable .wd40{ width:40px;}
.rpttable .wd50{ width:50px;}
.rpttable .wd60{ width:60px;}
.rpttable .wd70{ width:70px;}
.rpttable .wd80{ width:80px;}
.rpttable .wd90{ width:90px;}
.rpttable .wd100{ width:100px;}
.rpttable .wd110{ width:110px;}
.rpttable .wd120{ width:120px;}
.rpttable .wd150{ width:150px;}
.rpttable .blue{ background:#E5EDEF;}
.rpttable .white{ background:white;}
.rpttable .yellow{ background:#d8e6f0!important;}

.htmlrender  a{ color:Blue; text-decoration:underline;}

.reporttable2 td,.reporttable2 th
{
    padding:5px;
    border:1px  solid #B8D0D6;
    vertical-align:middle;
    color:#183152;
    text-align:center;
}
.reporttable2 th
{
    text-align:center;
    background:#E5EDEF
}
.reporttable2 .day
{
    width:25px;
    height:25px;
    text-align:center;
    vertical-align:middle;
}
.reporttable2 .month
{
    width:80px;
    height:25px;
    text-align:center;
    vertical-align:middle;
}

.reditem .currvalue{ color:red}
.greenitem .currvalue{ color:green}


.ctrL{position:absolute;top:40%;left:5%;z-index:0; cursor:pointer;}
.ctrR{position:absolute;top:40%;right:5%;z-index:0; cursor:pointer;}
.it01{ position:absolute; top:38%; left:50%; margin-left:-131px; z-index:100; cursor:pointer;}
.it02{ position:absolute; top:28%; left:25%; margin-left:-83px; z-index:50; cursor:pointer;}
.it03{ position:absolute; top:20%; left:40%; margin-left:-50px; z-index:10; cursor:pointer;}
.it04{ position:absolute; top:20%; left:60%; margin-left:-50px; z-index:10; cursor:pointer;}
.it05{ position:absolute; top:28%; left:75%; margin-left:-83px; z-index:50; cursor:pointer;}
.btn{ background:url(images/dot.gif) repeat-x 0 7px; height:16px; line-height:16px;position:absolute; bottom:3%; width:100px; left:50%; margin-left:-60px; padding:0 10px; cursor:pointer;}
.wd20{ width:20px; margin:0 auto;}
#lbwarp img{ border:none!important;}
.exportitemwarp{ margin:20px;}
.exportitemwarp a
{
    display:inline-block;
    *display:block;
    *zoom:1;
    padding:20px;
    background:#dfdfdf;
    border:1px solid #cccccc;
    margin: 5px;
}
.exportitemwarp a:hover
{    
    background:#cccccc;
    border:1px solid #aaaaaa;
}
.templatewarp {
    background:#E5EDEF;
    padding: 10px;
}
.templatelist a {
    display: inline-block;
    *display: block;
    *zoom: 1;
    margin: 10px 5px 5px 0;
    color: blue;
    text-decoration: underline;
}


.htmlContent{ line-height: 150%;}